<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1>iframe页面</h1>
  <script>
    window.addEventListener('message', e => {
      if (window === e.source) {
        // chrome 下, 页面初次加载后会触发一次 message 事件, event.source 是 window 对象
        // 此时 event.source.postMessage 会形成死循环
        // 因此，要跳过第一次的初始化触发的情况
        return
      }
      console.log('我是iframe，我接收父页面的消息：', e.data)
    })
    window.onload = function () {
      window.parent.postMessage('message form iframe', "*") // 给父发消息
    }
  </script>
</body>

</html>